Evaluation Interfaces
Homme-Machine: Site Bancaire
19.06.2020
BOUSLAH Salma
BELLARABI Ibtihal
ENSAK GI S8 2019/2020
1
Introduction
Le site bancaire est l’interface qui lie un client à son compte bancaire, et propose de
diverses fonctionnalitées, voir la gestion ,consultation du compte, ainsi que des actions de
tirage ou versement de la monnaie ….
Mais à quel point la conception du site satisfait les besoins non fonctionnels
(rapidité,performance,sécurité...) du client et le fait vivre une bonne “user-experience “ ?
Objectifs
1. Évaluer L’interface Homme-Machine du site AttijariWafaBank .
2. Proposer des améliorations .
Présentation de Attijariwafa Bank
Attijariwafa Bank (AWB) est un groupe bancaire. Il s'agit de la première banque marocaine et la 6e
banque africaine selon le total des actifs . Elle compte près de 10 millions de clients particuliers,
professionnels, entreprises & institutionnels et 20 125 employés sur 25 pays. En 2018, Attijariwafa
bank est le premier réseau en Afrique avec 4 930 agences et plus d'un milliard de dollars investis
sur le continent depuis 20103. Pour l'exercice 2018, le résultat net consolidé a atteint 700 millions
US$.
En juin 2019, le Groupe a repensé son interface institutionnelle en s’appropriant les nouveaux codes
digitaux pour en faire un véritable hub digital moderne, interactif et innovant:
Moderniser, harmoniser et offrir une expérience digitale nouvelle
Le groupe Attijariwafa bank a refondu son écosystème digital corporate Groupe pour offrir un point
d’entrée unique, réorientant l’utilisateur selon ses besoins. L’objectif était de créer une harmonie afin
2
d’intégrer une expérience user-centric, avec de nouvelles technologies de pointe inspirées des
tendances internationales du moment.
Des technologies de pointe pour une plateforme évolutive et responsive
www.attijariwafabank.com a été réalisé en s’appuyant sur une architecture applicative et
technologique qui s’inscrit parmi les solutions technologiques les plus pointues, sécurisées et
alignées avec la transformation digitale du Groupe.
Une identité graphique forte et une ergonomie intuitive
La ligne graphique de la nouvelle interface Web incarne l’identité du Groupe.
La direction artistique arbore des couleurs apportant positivité et énergie et fait la part belle aux
vidéos et aux visuels façon « lifestyle ». Un parti pris graphique résolument moderne et novateur et
un univers coloré qui rapproche encore plus le Groupe de son audience multigénérationnelle.
Ces principes ergonomiques et graphiques serviront désormais de référence en matière d’identité
digitale du Groupe et se déclinent sur l’ensemble des sites des filiales afin de créer une cohérence
au sein de son écosystème digital.
Une approche éditoriale inédite
Le Groupe a opté pour une approche éditoriale inédite avec des contenus enrichis afin de valoriser
toutes les lignes métiers du Groupe ainsi que l’ensemble des services et innovations qu’il propose.
Cette ligne répond à 3 objectifs :
• Information :apporter du contenu clair et simple pour présenter toutes les activités et expertises du
Groupe.
• Immersion : plonger les visiteurs dans l’univers du Groupe, de ses expertises, de ses métiers et de
ses engagements.
• Utilité : créer du sens à travers du contenu à valeur ajoutée autour de toute l’offre de produits et
services du Groupe.
www.attijariwafabank.com est désormais une plateforme technique robuste, évolutive et « mobile
first » avec une architecture de contenus riches. Enfin et dans l’objectif de s’adresser au plus grand
nombre, le nouveau site se décline en 3 langues : arabe, français et anglais.
3
Grandes étapes Danalyse Du site
I. Agencement
4
Le gabarit se montre usuel, sauf la zone de sélection supprimée, mais en
général,l'organisation est cohérente, homogène et facile à être apprise par la suite par le client connecté.
Le multi fenêtrage
Le site utilise le tuilage comme système de navigation entre les différentes pages,
choix qui rend la connexion du client très rapide et fluide.
II. Organisation du contenu et de l’information
Le contenu est organisé par tâches. En effet le menu offre les tâches principales en
premier puis les sous-tâches correspondantes à chacune.
5
Il faut au maximum 3 clics pour arriver à une tâche précise, ce qui est un point positif pour
le site.
Pour chaque tâche choisie, on obtient une page pas trop chargée avec des options
proposées à l’avance pour faciliter les choses à l’utilisateur .
Utilisateurs ciblés
Le site vise deux tranches d’utilisateurs:
Cohérence
Le contenu et l’organisation sont cohérents avec l’objectif du site.
III. Test Dutilisabilité
Clarté Dobjectif
L’objectif du site est de consulter le compte personnel,et c’est la première tâche
proposée par le site, situé au centre de la page ,zone qui attire la vue de tout visiteur
(nouveau ou ancien) , il exprime clairement l’objectif du site et mène intuitivement le client
à effectuer la tâche la plus importante .
6
Mais il y a un quelques points négatifs :
Pour voir les détails du compte il faut cliquer sur le montant affiché en dessus .
Chose qui n’est pas évidente à l’utilisateur .
Le bouton à côté du montant supposant afficher plus d’option prend beaucoup de
temps pour charger et peut même ne rien afficher. Même si ces informations sont
accessibles par ailleur ceci reste un problème auquel il fallait faire attention.
Facilité De navigation
7
A chaque migration à une autre page ,il y a des boutons qui indique au client sa
position actuelle et propose à ce fait une navigation claire et fluide.
Pas besoin de faire de retour pour passer à l’option suivante; Il existe toujours un chemin
plus facile pour y accéder:
Des options de tri et de filtrages sont disponibles selon différents critères pour faciliter la
navigation et réduire le temps de recherche.
8
Ici, l’utilisateur peut trier ses choix par type de facture. Certains choix comportent plusieurs
options qui défilent en survolant la souris sur la tuile.
Attractivité
9
Le site manque d’attractivité par rapport à ses concurrents, le graphisme est également
trop simple voir même ennuyeux.
Performance
Nous avons effectué des tests de performances à l’aide d’outils précis et sûres
pour obtenir les résultats suivants:
10
11
12
Ces résultats montrent que les performances du site ne sont pas très élevées. En effet, il y
a plusieurs points qui devraient être pris en considération pour les améliorer et diminuer
le temps d’attente .
Interactivité
Attijarinet permet à ses clients de suivre tous les événements sur leurs comptes en
recevant directement des notifications sur une ou plusieurs boîtes email programmées. Il
peuvent ainsi agir rapidement grâce à ce service qui leur procure une grande souplesse :
une information complète sur le fonctionnement de leurs comptes et des alertes en temps
réel pour mieux les gérer. Ils peuvent aussi personnaliser la configuration de leurs
notifications et interagir à l’aide des messages et des ou des formulaires à envoyer .
13
14
Le site affiche également des messages qui aident le client à comprendre le
fonctionnement des commandes et des services proposées .
L’utilisateur est notifié des nouveautés du menu.
15
Gestion Derreur
La gestion d’exception existe sur le site et se manifeste par des messages d’erreur qui
mettent le client au courant de ce qui se passe et propose des solutions aux problèmes
rencontrés.
16
17
Sécurité
Les mesures de sécurité prises par la banque au niveau du site sont satisfaisantes. En
effet, le mot de passe doit obligatoirement être changé par l’utilisateur au minimum tous
les 3 mois et en cas de problèmes l’agence fournit un nouveau mot de passe qui doit être
changé immédiatement par le client. Si le client connecté garde sa session ouverte pour
une certaine durée et revient il devra s’authentifier de nouveau. Tout cela pour garantir
une navigation sécurisée et méfiante des attaques.
18
Statistiques Et Suivi
Le site propose aux clients de qualifier les services proposées sur le site, ainsi que
suggérer des améliorations ,et exprimer leurs pensées et remarques,c’est une interaction
qui a pour bénéfice d’inclure le client dans l’opération de maintenance et d’amélioration, et
aide à faire vivre le client une expérience meilleure et adaptée à ses besoins .
19
IV. Propositions Damélioration
Le site connaît déjà une grande satisfaction de la part de sa clientèle mais la version
web connaît moins de succès que l’application mobile.
En effet, cette application web connaît un grand manque de vivacité par rapport à
ses concurrent et à sa version mobile. Nous suggérons l’ajout de nouveaux
éléments graphiques (images, icônes, slideshow...)et fonctionnalités pouvant attirer
20
les clients et rendre leur expérience plus agréable.
V. Conclusion
On conclut que le site est performant en matière d’organisation de contenu, clarté
d’objectif, sécurité,cohérence et organisation de l’espace ,connaissance de
l’utilisateur(proposition de trois langues ),mais reste néanmoins faible en matière
d’attractivité.